/*
 * @Author: Lw
 * @Date: 2022-08-30 15:48:51
 * @LastEditors: LHL
 * @LastEditTime: 2022-10-11 16:24:03
 */
import { GlobalThemeOverrides } from 'naive-ui'
export const themeOverrides: GlobalThemeOverrides = {
  common: {
    // fontFamily: 'MicrosoftYaHei-Bold, MicrosoftYaHei',
    // fontSize: '14px',
    textColor1: '#4D5E80',
    textColor2: '#4D5E80',
    textColor3: '#4D5E80',
    inputColor: '#FFFFFF00',
    placeholderColor: '#C2CAD5',
    primaryColor: '#4C92EB',
    primaryColorPressed: '#4383D3',
    primaryColorHover: '#5E9DED',
    infoColor: '#4C92EB',
    infoColorPressed: '#4383D3',
    infoColorHover: '#5E9DED',
    errorColor: '#FF8C7E',
    errorColorPressed: '#E57D71',
    errorColorHover: '#FF978B',
    successColor: '#48D9C5',
    successColorPressed: '#40C2B0',
    successColorHover: '#5ADCCA',
    borderColor: '#C3CAD9',
    borderRadius: '8px',
    borderRadiusSmall: '8px',
    scrollbarColor: '#E7EAEE',
    scrollbarColorHover: '#DCE0E6',
    scrollbarHeight: '12px',
    scrollbarWidth: '8px',
    // scrollbarBorderRadius: '8px',
  },
  Menu: {
    itemTextColorHover: '#FFFFFF',
    itemTextColorActive: '#5E9DED',
    itemTextColorActiveHover: '#FFFFFF',
    itemTextColorChildActiveHover: '#FFFFFF',
    itemIconColorHover: '#FFFFFF',
    itemIconColorActive: '#5E9DED',
    itemIconColorActiveHover: '#FFFFFF',
    itemIconColorChildActiveHover: '#FFFFFF',
    itemColorHover: '#5E9DED',
    itemColorActive: '#5E9DED',
    itemColorActiveHover: '#5E9DED',
    itemTextColorChildActive: '#FFFFFF',
    arrowColorChildActive: '#FFFFFF',
    arrowColorChildActiveHover: '#FFFFFF',
    arrowColorHover: '#FFFFFF',
  },
  // Menu: {
  //   itemTextColorHover: '#FFFFFF',
  //   itemTextColorActive: '#FFFFFF',
  //   itemTextColorActiveHover: '#FFFFFF',
  //   itemTextColorChildActiveHover: '#FFFFFF',
  //   itemIconColorHover: '#FFFFFF',
  //   itemIconColorActive: '#FFFFFF',
  //   itemIconColorActiveHover: '#FFFFFF',
  //   itemIconColorChildActiveHover: '#FFFFFF',
  //   itemColorHover: '#5E9DED',
  //   itemColorActive: '#5E9DED',
  //   itemColorActiveHover: '#5E9DED',
  // },
  Button: {
    borderRadiusLarge: '8px',
    borderRadiusMedium: '8px',
    borderRadiusSmall: '8px',
    borderRadiusTiny: '8px',
    fontSizeLarge: '14px',
    fontSizeMedium: '12px',
  },
  Form: {
    labelTextColor: '#A1AABF',
    feedbackHeightLarge: '20px',
    feedbackFontSizeLarge: '12px',
    feedbackPadding: '2px 2px 0',
  },
  Tooltip: {
    textColor: '#fff',
    color: '#5275A1',
  },
  Table: {
    thTextColor: '#8A93A9',
    thColorPopover: '#F4F6FC',
    tdColor: '#4D5E80',
    lineHeight: '35px',
    borderRadius: '2px',
  },
  Pagination: {
    itemMarginMedium: '12px 0 0 8px',
    prefixMarginMedium: '12px 0 0 0',
  },
  DataTable: {
    thTextColor: '#8A93A9',
    thColorPopover: '#F4F6FC',
    lineHeight: '35px',
    borderRadius: '2px',
  },
  Card: {
    titleFontSizeHuge: '16px',
    titleFontSizeLarge: '16px',
    titleFontSizeMedium: '16px',
    titleFontSizeSmall: '16px',
    titleFontWeight: 'bold',
    titleTextColor: 'rgb(77, 94, 128)',
    borderRadius: '20px',
    closeBorderRadius: '8px',
    paddingMedium: '32px 24px',
  },
  Dialog: {
    titleFontSize: '16px',
    titleFontWeight: 'bold',
    titleTextColor: 'rgb(77, 94, 128)',
  },
  Space: {
    gapLarge: '24px',
    gapMedium: '8px',
  },
  Checkbox: {
    borderRadius: '2px',
  },
  InternalSelectMenu: {
    color: 'rgba(230,234,243,0.7)',
    optionHeightLarge: '40px',
    optionColorPending: 'rgba(76,146,235,0.1)',
    optionColorActive: 'rgba(76,146,235,0.1)',
    optionColorActivePending: 'rgba(76,146,235,0.1)',
  },
  Dropdown: {
    color: 'rgba(230,234,243,0.7)',
    optionHeightLarge: '40px',
    optionTextColorHover: '#4C92EB',
    optionTextColorActive: '#4C92EB',
    optionColorHover: 'rgba(76,146,235,0.1)',
    // optionColorHoverInverted: 'rgba(76,146,235,0.1)',
    optionColorActive: 'rgba(76,146,235,0.1)',
    // optionColorActiveInverted: 'rgba(76,146,235,0.1)',
    fontSizeLarge: '14px',
    fontSizeMedium: '12px',
  },
  DatePicker: {
    panelColor: 'rgba(230,234,243,0.7)',
    itemColorHover: 'rgba(76,146,235,0.2)',
    itemColorActive: 'rgba(76,146,235,0.3)',
    itemTextColorActive: '#4C92EB',
  },
  Cascader: {
    menuColor: 'rgba(230,234,243,0.7)',
    optionColorHover: 'rgba(76,146,235,0.1)',
  },
}
export default themeOverrides
